<template>
  <view class="season-picker">
    <!-- 下拉选择框 -->
    <!--    <wd-picker-->
    <!--      :columns="columns"-->
    <!--      label="季节"-->
    <!--      v-model="value"-->
    <!--      @confirm="handleConfirm"-->
    <!--    />-->
    <wd-segmented
      :options="columns"
      v-model:value="value"
      size="large"
    ></wd-segmented>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const columns = ref<string[]>(['春', '夏', '秋', '冬']);
const value = ref<string>('夏');

function handleConfirm({ value }) {
  value.value = value;
}
</script>

<style scoped>
.season-picker {
  position: relative;
}
</style>
